﻿html{
	background:#ebebeb url(../images/bgHtml.png) 0 0 repeat-x;
	}


body{
	background:url(../images/bgBody.png) 50% 0 no-repeat;
	font-family:Segoe UI, Tahoma;
	color:#252525;
	font-size:12px;
	line-height:15px;
	}


/* login */

.loginBoxBg{
	background:url(../images/loginBoxBg.png) 50% 0 no-repeat;
	width:348px;
	height:213px;
	padding-top:100px;
	margin:auto;
	position:relative;
	top:100px;
	}


.loginBoxBg .box table{
	width:230px;
	margin:auto;
	}

.loginBoxBg .box table td{
	padding:3px 0;
	}

.loginBoxBg .box table td input{
	width:203px;
	}

.loginBoxBg .box{
	width:295px;
	margin:auto;
	}

.loginBoxBg .box a{
	color:#999999 !important;
	}

.loginBoxBg .box .inputUser{background-image:url(../images/inputUser.png);}
.loginBoxBg .box .inputPass{background-image:url(../images/inputPass.png);}
.loginBoxBg .box .watermax{background-image:url(../images/inputPass.png);}

.loginBoxBg .box .inputUser, .loginBoxBg .box .inputPass, .loginBoxBg .box .watermax {
	padding:3px 0 3px 27px;
	background-position:0 0;
	background-repeat:no-repeat;
	height:19px;
	}

.loginBoxBg .box .btnGiris{
	background:url(../images/btnGiris.png) 0 0 no-repeat;
	width:99px;
	height:32px;
	display:inline-block;
	line-height:250px;
	overflow:hidden;
	padding:0;
	margin:0;
	}

.loginBoxBg .box .btnGiris:hover{
	background-position:0 -32px;
	}


.loginBoxBg .PassRem{
	position:absolute;
	bottom:25px;
	left:25px;
	}




.passRemBoxMask{
    height: 60px;
    left: 332px;
    position: absolute;
    top: 107px;
    width: 300px;
	overflow:hidden;
	z-index:11;
	}




.passRemBox{
	background:url(../images/passRemBoxBg.png) 0 0 no-repeat;
	width:297px;
    height: 58px;
    left:-297px;
    position: absolute;
	overflow:hidden;
	}

.passRemBox .inputMail{
	background:url(../images/inputMail.png) 0 0 no-repeat;
	left: 10px;
    padding: 5px 0 5px 23px;
    position: absolute;
    top: 15px;
    width: 205px;
	}

.passRemBox .send{
	background:url(../images/passRemBoxBtn.png) 0 0 no-repeat;
	height: 27px;
    line-height: 300px;
    overflow: hidden;
    position: absolute;
    right: 22px;
    top: 15px;
    width: 35px;
	}

.passRemBox .send:hover{background-position:0 -27px;}

.passRemBox #close, .passRemBoxMsg #close2{
	width:16px;
	height:16px;
	line-height:300px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:15;
	}

.passRemBox #close:hover, .passRemBoxMsg #close2:hover{background:url(../images/closeHoverBg.png) 100% 0 no-repeat;}

.passRemBox .alert{
	color:Red;
	position:absolute;
	top:16px;
	right:61px;
	}



.passRemBoxMaskMsg{
    height: 60px;
    left: 332px;
    position: absolute;
    top: 107px;
    width: 300px;
	overflow:hidden;
	}


.passRemBoxMsg{
	background:url(../images/passRemBoxBg.png) 0 0 no-repeat;
	padding-left:30px;
	width:267px;
	height: 58px;
	line-height:58px;
	left:-297px;
	position: absolute;
	overflow:hidden;
	position:relative;
	}

.passRemBoxMsg em{
	background:url(../images/passRemBoxMsgEmBg.png) no-repeat;
	position:absolute;
	left:10px;
	top:22px;
	width:16px;
	height:16px;
	display:inline-block;
	}

.passRemBoxMsgError{color:#dc3522;}
.passRemBoxMsgError em{background-position:0 0;}

.passRemBoxMsgOkey{color:#658d2c;}
.passRemBoxMsgOkey em{background-position:0 -16px;}


/* /login */



.pageWrap{
	width:960px;
	margin:auto;
	position:relative;
	}

.pageWrap .header{
	display:block;
	padding:10px 0;
	}

.pageWrap .header .navi{
	display:inline-block;
	margin-top:10px;
	}


.userInfo{
	text-align:right;
	padding-top:5px;
	}

.userInfo h4, .userInfo h5, .userInfo h6{
	font-weight:normal;
	color:#252525;
	}

.userInfo h4{
	
	}

.userInfo h5{
	
	}

.userInfo h6{
	font-size:10px;
	color:#666666;
	}

.eIsPlatform{
	background:url(../images/flagEIs.png);
	position:absolute;
	top:60px;
	left:-61px;
	width:51px;
	height:177px;
	}



/* Navi */
.navi .home a, .navi ul.dropdown li, .navi ul.dropdown ul, .navi ul.dropdown ul li a:hover	, 
.navi em, .navi ul.dropdown ul ul, .navi ul.dropdown ul .bottom, 
.navi ul.dropdown li.hover a .l, .navi ul.dropdown li.hover a .c, .navi ul.dropdown li.hover a .r, 
.dropR .exit a, .dropR em, .dropR li, .dropR a:hover, .orderInfo, .orderItemNumber div
  {
	background:url(../images/naviBg.png) no-repeat;
	}

.navi{background:url(../images/naviBody.png) 0 0 no-repeat; width:100%; height:39px; display:inline-block;}
.navi .home{background:none !important; width:60px; height:39px;}
.navi .home a{background-position:0 -78px; width:60px; height:39px; display:block; padding:0 !important;}
.navi .home a:hover{background-position:0 -117px !important; padding:0;}
.navi em{background-position:0 -573px; width:13px; height:13px; display:inline-block; position:absolute; right:5px; top:10px;}


/* LEVEL ONE */
.navi ul.dropdown                         { position: relative; height:39px; z-index:999; width:auto; display:inline-block;}
.navi ul.dropdown li                      { float: left;  background-position:100% -39px; display:inline-block;  }
.navi ul.dropdown a:hover		          { color: #000;}
.navi ul.dropdown a:active                { color: #ffa500;}
.navi ul.dropdown li a                    { color: #34abee; font-size:14px; height:39px; line-height:39px; padding:0; position:relative;  }
.navi ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
.navi ul.dropdown li.hover,
.navi ul.dropdown li:hover                { color: black; position: relative; }
.navi ul.dropdown li.hover a              { color: #ffffff; z-index:120; }

.navi ul.dropdown li a .l, .navi ul.dropdown li a .r{width:20px; height:39px; display:inline-block; float:left;}
.navi ul.dropdown li a .r{width:22px;}
.navi ul.dropdown li a .c { float:left; font-style:normal; height:39px; }

.navi ul.dropdown li.hover a .l, .navi ul.dropdown li.hover a .r{height:39px; display:inline-block; float:left;}

.navi ul.dropdown li.hover a .l           { background-position:-257px -78px; width:20px; }
.navi ul.dropdown li.hover a .c           { background-position:-263px -78px; float:left; font-style:normal; }
.navi ul.dropdown li.hover a .r           { background-position:100% -78px; width:22px; }

/* LEVEL TWO */
.navi ul.dropdown ul 						{ width: 235px; visibility: hidden; position: absolute; top: 92%; left: 0; padding:2px 0 0 0; background-position:-60px -118px }
.navi ul.dropdown ul li 					{ float: none; width:225px; padding:0 5px; background:none; margin:auto;}
.navi ul.dropdown ul li a					{ background:none; z-index:10;}
.navi ul.dropdown ul li a:hover				{ background-position:0 -534px; }
.navi ul.dropdown ul .bottom 				{ background-position:-60px -520px; height:5px; position:absolute; left:0; bottom:-4px;}


                                    /* IE 6 & 7 Needs Inline Block */
.navi ul.dropdown ul li a					{ width: 205px; display: inline-block; font-size:12px; height:31px; line-height:31px; color: #ffffff !important; padding:0 10px; } 

/* LEVEL THREE */
.navi ul.dropdown ul ul 					{ left: 100%; top: 0; background-position:-315px -118px;}
.navi ul.dropdown ul ul a 					{ }
.navi ul.dropdown li:hover > ul 			{ visibility: visible;}
.navi ul.dropdown ul ul .bottom 			{ background-position:-315px -520px; }


.dropR{
	width:auto;
	display:inline;
	float:right;
	position:relative;
	}

.dropR li{
	background-position:-548px -39px;
	background-repeat:no-repeat;
	float:right;
	padding-left:2px;
	display:inline-block;
	}

.dropR a{
	position:relative;
	padding:0 15px 0 30px;
	color: #34abee;
	font-size:14px;
	height:39px;
	line-height:39px;
	display:inline-block;
	}

.dropR a:hover{
	background-position:0 -608px;
	color:#ffffff;
	}



.dropR .exit a{
	background-position:100% -528px;
	color:#dc3522;
	}

.dropR .exit a:hover{
	background-position:100% -608px;
	color:#dc3522;
	}



.dropR em{
	width:20px;
	height:20px;
	position:absolute;
	left:5px;
	top:10px;
	}

.dropR .cro{background-position: -530px -565px;}
.dropR .bas{background-position: -510px -565px;}
.dropR .wor{background-position: -490px -565px;}
.dropR .gea{background-position: -470px -565px;}


.dropR a:hover .bas{background-position: -510px -587px;}
.dropR a:hover .wor{background-position: -490px -587px;}
.dropR a:hover .gea{background-position: -470px -587px;}


.orderInfo{
	background-position:0 -655px;
	width:92px;
	height:51px;
	position:absolute;
	top:37px;
	left:50%;
	margin-left:-44px;
	font-weight:bold;
	line-height:20px;
	color:#ffffff;
	display:none;
	z-index:1000;
	}

.orderInfo .box{
	padding:5px 10px;
	}

.orderInfo td{
	padding-right:5px;
	}

.orderItemNumber div{
	position:absolute;
	width:24px;
	height:30px;
	line-height:25px;
	top:-20px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	}

.orderItemNumber div.set{
	background-position:-128px -652px;
	right:37px;
	color:#876823;
	}

.orderItemNumber div.ite{
	background-position:-156px -652px;
	right:10px;
	color:#707070;
	}



/* /Navi */


.pageWrap .content .top, .pageWrap .content .center, .pageWrap .content .bottom {
	background:url(../images/contentBg.png) repeat;
	}


.pageWrap .content .top{
	background-position:0 0 ;
	height:5px;
	}

.pageWrap .content .center{
	background-position:-1040px 0;
	padding:0 5px;
	/*overflow:auto;*/
	}

.pageWrap .content .bottom{
	background-position:0 -57px;
	height:20px;
	}



.footer{
	width:950px;
	margin:auto;
	padding-bottom:15px;
	color:#7f7f7f;
	}


/* Skeleton */
.skeleton{
	background:url(../images/skeleton/skeleton.jpg) 0 0 no-repeat;
	width:288px;
	height:601px;
	position:relative;
	}

.skeleton a{
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	}

.skeleton a:hover{background-position:0 0; z-index:1000;}


/* ust ektremete */
.skeleton .ClavicleL{
	background:url(../images/skeleton/ClavicleL.png) 0 -7px ;
	width:39px;
	height:7px;
	top:101px;
	left:171px;
	}
.skeleton .ClavicleR{
	background:url(../images/skeleton/ClavicleR.png) 0 -7px ;
	width:39px;
	height:7px;
	top:101px;
	left:78px;
	}
.skeleton .ProximalHumerusL{
	background:url(../images/skeleton/ProximalHumerusL.png) 0 -25px;
	width:18px;
	height:25px;
	top:113px;
	left:194px;
	}
.skeleton .ProximalHumerusR{
	background:url(../images/skeleton/ProximalHumerusR.png) 0 -25px;
	width:18px;
	height:25px;
	top:113px;
	left:76px;
	}
.skeleton .HumeralShaftL{
	background:url(../images/skeleton/HumeralShaftL.png) 0 -54px;
	width:19px;
	height:54px;
	top:138px;
	left:202px;
	}
.skeleton .HumeralShaftR{
	background:url(../images/skeleton/HumeralShaftR.png) 0 -54px;
	width:19px;
	height:54px;
	top:138px;
	left:67px;
	}
.skeleton .SkapulaL{
	background:url(../images/skeleton/SkapulaL.png) 0 -50px;
	width:35px;
	height:50px;
	top:106px;
	left:165px;
	}
.skeleton .SkapulaR{
	background:url(../images/skeleton/SkapulaR.png) 0 -50px;
	width:35px;
	height:50px;
	top:106px;
	left:89px;
	}
.skeleton .DistalHumerusL{
	background:url(../images/skeleton/DistalHumerusL.png) 0 -22px;
	width:22px;
	height:22px;
	top:192px;
	left:206px;
	}
.skeleton .DistalHumerusR{
	background:url(../images/skeleton/DistalHumerusR.png) 0 -22px;
	width:22px;
	height:22px;
	top:192px;
	left:60px;
	}
.skeleton .ProximalUlnaL{
	background:url(../images/skeleton/ProximalUlnaL.png) 0 -22px;
	width:22px;
	height:22px;
	top:211px;
	left:210px;
	}
.skeleton .ProximalUlnaR{
	background:url(../images/skeleton/ProximalUlnaR.png) 0 -22px;
	width:22px;
	height:22px;
	top:211px;
	left:56px;
	}
.skeleton .ProximalRadiusL{
	background:url(../images/skeleton/ProximalRadiusL.png) 0 -23px;
	width:19px;
	height:23px;
	top:210px;
	left:220px;
	}
.skeleton .ProximalRadiusR{
	background:url(../images/skeleton/ProximalRadiusR.png) 0 -23px;
	width:20px;
	height:23px;
	top:210px;
	left:49px;
	}
.skeleton .UlnarShaftL{
	background:url(../images/skeleton/UlnarShaftL.png) 0 -24px;
	width:15px;
	height:24px;
	top:233px;
	left:224px;
	}
.skeleton .UlnarShaftR{
	background:url(../images/skeleton/UlnarShaftR.png) 0 -24px;
	width:15px;
	height:24px;
	top:233px;
	left:49px;
	}
.skeleton .RadialShaftL{
	background:url(../images/skeleton/RadialShaftL.png) 0 -24px;
	width:19px;
	height:24px;
	top:233px;
	left:232px;
	}
.skeleton .RadialShaftR{
	background:url(../images/skeleton/RadialShaftR.png) 0 -24px;
	width:18px;
	height:24px;
	top:233px;
	left:37px;
	}
.skeleton .DistalUlnaL{
	background:url(../images/skeleton/DistalUlnaL.png) 0 -23px;
	width:19px;
	height:23px;
	top:257px;
	left:232px;
	}
.skeleton .DistalUlnaR{
	background:url(../images/skeleton/DistalUlnaR.png) 0 -23px;
	width:19px;
	height:23px;
	top:257px;
	left:37px;
	}
.skeleton .DistalRadiusL{
	background:url(../images/skeleton/DistalRadiusL.png) 0 -20px;
	width:17px;
	height:20px;
	top:257px;
	left:243px;
	}
.skeleton .DistalRadiusR{
	background:url(../images/skeleton/DistalRadiusR.png) 0 -20px;
	width:17px;
	height:20px;
	top:257px;
	left:28px;
	}
.skeleton .FalanksL{
	background:url(../images/skeleton/FalanksL.png) 0 -47px;
	width:41px;
	height:47px;
	top:286px;
	left:247px;
	}
.skeleton .FalanksR{
	background:url(../images/skeleton/FalanksR.png) 0 -47px;
	width:41px;
	height:47px;
	top:286px;
	left:0px;
	}
.skeleton .MetakarpL{
	background:url(../images/skeleton/MetakarpL.png) 0 -27px;
	width:33px;
	height:27px;
	top:275px;
	left:246px;
	}
.skeleton .MetakarpR{
	background:url(../images/skeleton/MetakarpR.png) 0 -27px;
	width:33px;
	height:27px;
	top:275px;
	left:9px;
	}
/* /ust ektremete */

/* alt ektremete */
.skeleton .PelvisL{
	background:url(../images/skeleton/PelvisL.png) 0 -45px;
	width:38px;
	height:45px;
	top:234px;
	left:158px;
	}
.skeleton .PelvisR{
	background:url(../images/skeleton/PelvisR.png) 0 -45px;
	width:38px;
	height:45px;
	top:234px;
	left:94px;
	}
.skeleton .AsetabulumL{
	background:url(../images/skeleton/AsetabulumL.png) 0 -32px;
	width:24px;
	height:32px;
	top:274px;
	left:158px;
	}
.skeleton .AsetabulumR{
	background:url(../images/skeleton/AsetabulumR.png) 0 -32px;
	width:24px;
	height:32px;
	top:274px;
	left:108px;
	}
.skeleton .FemoralHeadL{
	background:url(../images/skeleton/FemoralHeadL.png) 0 -18px;
	width:17px;
	height:18px;
	top:279px;
	left:171px;
	}
.skeleton .FemoralHeadR{
	background:url(../images/skeleton/FemoralHeadR.png) 0 -18px;
	width:18px;
	height:18px;
	top:279px;
	left:102px;
	}
.skeleton .ProximalFemurL{
	background:url(../images/skeleton/ProximalFemurL.png) 0 -40px;
	width:21px;
	height:40px;
	top:284px;
	left:178px;
	}
.skeleton .ProximalFemurR{
	background:url(../images/skeleton/ProximalFemurR.png) 0 -40px;
	width:21px;
	height:40px;
	top:284px;
	left:92px;
	}
.skeleton .FemoralShaftL{
	background:url(../images/skeleton/FemoralShaftL.png) 0 -77px;
	width:29px;
	height:77px;
	top:324px;
	left:161px;
	}
.skeleton .FemoralShaftR{
	background:url(../images/skeleton/FemoralShaftR.png) 0 -77px;
	width:29px;
	height:77px;
	top:324px;
	left:100px;
	}
.skeleton .DistalFemurL{
	background:url(../images/skeleton/DistalFemurL.png) 0 -33px;
	width:31px;
	height:33px;
	top:401px;
	left:151px;
	}
.skeleton .DistalFemurR{
	background:url(../images/skeleton/DistalFemurR.png) 0 -33px;
	width:31px;
	height:33px;
	top:401px;
	left:109px;
	}
.skeleton .PatellaL{
	background:url(../images/skeleton/PatellaL.png) 0 -18px;
	width:17px;
	height:18px;
	top:416px;
	left:158px;
	}
.skeleton .PatellaR{
	background:url(../images/skeleton/PatellaR.png) 0 -18px;
	width:17px;
	height:18px;
	top:416px;
	left:115px;
	}
.skeleton .ProximalTibiaL{
	background:url(../images/skeleton/ProximalTibiaL.png) 0 -57px;
	width:31px;
	height:57px;
	top:434px;
	left:151px;
	}
.skeleton .ProximalTibiaR{
	background:url(../images/skeleton/ProximalTibiaR.png) 0 -57px;
	width:31px;
	height:57px;
	top:434px;
	left:108px;
	}
.skeleton .TibialShaftL{
	background:url(../images/skeleton/TibialShaftL.png) 0 -54px;
	width:13px;
	height:54px;
	top:491px;
	left:158px;
	}
.skeleton .TibialShaftR{
	background:url(../images/skeleton/TibialShaftR.png) 0 -54px;
	width:13px;
	height:54px;
	top:491px;
	left:120px;
	}
.skeleton .FibulaL{
	background:url(../images/skeleton/FibulaL.png) 0 -105px;
	width:15px;
	height:105px;
	top:440px;
	left:169px;
	}
.skeleton .FibulaR{
	background:url(../images/skeleton/FibulaR.png) 0 -105px;
	width:15px;
	height:105px;
	top:440px;
	left:106px;
	}
.skeleton .DistalFibulaL{
	background:url(../images/skeleton/DistalFibulaL.png) 0 -26px;
	width:8px;
	height:26px;
	top:545px;
	left:168px;
	}
.skeleton .DistalFibulaR{
	background:url(../images/skeleton/DistalFibulaR.png) 0 -26px;
	width:8px;
	height:26px;
	top:545px;
	left:114px;
	}
.skeleton .DistalTibiaL{
	background:url(../images/skeleton/DistalTibiaL.png) 0 -20px;
	width:19px;
	height:18px;
	top:544px;
	left:152px;
	}
.skeleton .DistalTibiaR{
	background:url(../images/skeleton/DistalTibiaR.png) 0 -20px;
	width:19px;
	height:18px;
	top:544px;
	left:119px;
	}
.skeleton .CalcaneusL{
	background:url(../images/skeleton/CalcaneusL.png) 0 -27px;
	width:38px;
	height:27px;
	top:562px;
	left:152px;
	}
.skeleton .CalcaneusR{
	background:url(../images/skeleton/CalcaneusR.png) 0 -27px;
	width:38px;
	height:27px;
	top:562px;
	left:101px;
	}
.skeleton .MetatarsalL{
	background:url(../images/skeleton/MetatarsalL.png) 0 -14px;
	width:42px;
	height:14px;
	top:587px;
	left:154px;
	}
.skeleton .MetatarsalR{
	background:url(../images/skeleton/MetatarsalR.png) 0 -14px;
	width:43px;
	height:14px;
	top:587px;
	left:94px;
	}
/* alt ektremete */

/* /Skeleton */



/* skeletonNavi */
.skeletonNavi{
	padding-left:30px;
	width:150px;
	}

.skeletonNavi ul{
	padding:0;
	margin:0;
	}

.skeletonNavi h1{
	color:#34abee;
	font-weight:normal;
	font-size:15px;
	margin-bottom:15px;
	}

.skeletonNavi ul ol a{
	/*color:#ff6a01;*/
	font-size:12px;
	font-weight:bold;
	}

.skeletonNavi ul li a{
	display:inline-block;
	color:#444444;
	font-size:11px;
	}

.skeletonNavi ul li a:hover{
	color:#34abee;
	}

.skeletonNavi ul ul{
	margin-left:7px;
	display:inline-block;
	}

.skeletonNavi ul ul ol{
	font-weight:bold;
	padding-top:1px;
	}

.skeletonNavi ul ul li{
	padding-left:7px;
	}

/* /skeletonNavi */





/* siparis home */






/* /siparis home */



/* tabs */
.tabs {
	border-bottom: 1px solid #E1E1E1;
	display: inline-block;
	height: 30px;
	margin-bottom: 15px;
	width: 100%;
	text-align:center;
}

.tabs li {
	display: inline;
	height: 30px;
}

.tabs .active a {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color:#34abee;
}

.tabs a {
	background: none repeat scroll 0 0 #F1F1F1;
	border: 1px solid #e1e1e1;
	display: inline-block;
	height: 29px;
	line-height: 29px;
	margin: 0 10px -1px;
	padding: 0 10px;
	color:#444444;
}
/* tabs */



.mailInfo{
	background:#f9e655;
	padding:10px;
	margin-left:50px;
	}

.mailInfo h2{
	font-size:14px;
	margin-bottom:7px;
	}


.icoCont{
	background:url(../images/icons/icoCont.png) 0 0 no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	overflow:hidden;
	}





/* grid view */

.gGv				{width:100%;}
.gGv th				{background:#fefefe url(../images/gGVBg.png) 0 0 repeat-x; height:29px; border:1px solid #e6e6e6; color:#34abee; font-weight:normal; font-size:13px;}
.gGv th a:hover		{text-shadow:0 0 5px #ffffff; color:#34abee; text-decoration:underline;}
.gGv td				{text-align:center; padding:5px 3px; border:1px solid #e6e6e6;}
.gGv .ars			{background:#f5f5f5;}
.gGv tr:hover		{background:#e2f4fc;}
.gGv td a			{color:#dc3522;}
.gGv td a:hover		{text-decoration:underline;}

.hand td:hover		{cursor:pointer;}

.gGv .setHea, .gGv .setHea:hover{background:#ff6a01; color:#ffffff; font-weight:bold;}
.gGv .used{background:#d7d7d7; font-weight:bold;}
.gGv .used:hover{background:#b7b7b7;}


/* Pager Style */
.gPs{
	width:100%;
	height:30px;
	text-align:center;
	position:relative;
	}

.gPs .number{
	position:absolute;
	top:0;
	right:0;
	height:30px;
	line-height:30px;
	color:#808080;
	}

.gPs .first, .gPs .prev, .gPs .next, .gPs .last, .gPs a, .gPs .active{
	background:url(../images/gPsItemBg.png) no-repeat;
	}

.gPs a{
	background-position:-40px 0;
	width:20px;
	height:20px;
	line-height:20px;
	display:inline-block;
	text-shadow:0 1px #ffffff;
	text-align:center;
	}

.gPs a:hover{
	color:#ff6a01;
	}

.gPs .active{
	background-position:-40px -20px;
	color:#ff6a01;
	}

.gPs .first{background-position: 0 0;}
.gPs .first:hover{background-position: 0 -20px;}

.gPs .prev{background-position: -20px 0;}
.gPs .prev:hover{background-position: -20px -20px;}

.gPs .next{background-position: -60px 0;}
.gPs .next:hover{background-position: -60px -20px;}

.gPs .last{background-position: -80px 0;}
.gPs .last:hover{background-position: -80px -20px;}


/* /grid view */




.boxPro{
	background:#ffffff url(../images/boxProBg.png) 0 0 repeat-x;
	border:1px solid #e1e1e1;
	padding:10px;
	margin: 0 10px 20px;
	width: 430px;
	position:relative;
	}

.boxPro .pict{
	width:100px;
	height:100px;
	text-align:center;
	}

.boxPro i{
	color:#808080;
	font-size:10px;
	}

.boxPro .icons{
	position:absolute;
	top:5px;
	right:5px;
	}


.boxPro td{border:0; text-align:left; padding:0;}
.boxPro tr:hover{background:none;}

.boxPro .proCat{
	bottom: 16px;
	color: #E1E1E1;
	font-size: 33px;
	position: absolute;
	right: 3px;
	text-align: right;
	}

.boxPro .pnlBasket{
	margin-top:10px;
	}

.boxPro span{
	display:block;
	}


.boxProInGrid{
	background:none;
	border:0;
	padding:0;
	margin: 0;
	width: auto;
	}




/* check box */
.gCheckBox a{
	color:#252525;
	font-size:11px;
	padding-left:17px;
	margin-right:10px;
	position:relative;
	}

.gCheckBox a em{
	background:url(../images/loginCheckBox.png);
	width:13px;
	height:13px;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	}

.gCheckBox a:hover em{
	background-position:0 -13px;
	}

.gCheckBox .active em, .gCheckBox .active:hover em{
	background-position:0 -26px;
	}
/* /check box */


/* Radio Button */
.gRadio a{
	background:url(../images/gRadio.png) 0 0 no-repeat;
	padding-left:15px;
	height:13px;
	line-height:13px;
	color:#444444;
	margin-right:5px;
	}

.gRadio a:hover{
	background:url(../images/gRadio.png) 0 -25px no-repeat;
	}

.gRadio .active, .gRadio .active:hover{
	background:url(../images/gRadio.png) 0 -50px no-repeat;
	}
/* /Radio Button */


/* gTab2 */
.gTab2, .gTab2 .lef, .gTab2 .rig, .gTab2 .active em, .gTab2 .spi{
	background:url(../images/gTab2.png);
	}

.gTab2{
	background-position: 0 -35px;
	height:35px;
	position:relative;
	padding:0 10px;
	}

.gTab2 .lef, .gTab2 .rig{
	position:absolute;
	top:0;
	width:10px;
	height:35px;
	}

.gTab2 .lef{
	background-position:0 0;
	left:0;
	}

.gTab2 .rig{
	background-position:0 -70px;
	right:0;
	}

.gTab2 a{
	height:35px;
	line-height:37px;
	display:inline-block;
	}

.gTab2 a em{
	font-style:normal;
	float:left;
	display:inline-block;
	height:35px;
	cursor:pointer;
	}

.gTab2 a .l{
	background-position:0 -105px;
	width:10px;
	}

.gTab2 a .c{
	background-position:0 -140px;
	padding:0 7px;
	color:#444444;
	}

.gTab2 a:hover .c{
	color:#dc3522;
	}


.gTab2 a .r{
	background-position:0 -175px;
	width:10px;
	}

.gTab2 .active .l{
	background-position:0 -105px;
	width:10px;
	}

.gTab2 .active .c, .gTab2 .active:hover .c{
	background-position:0 -140px;
	padding:0 7px;
	color:#ffffff;
	}

.gTab2 .active .r{
	background-position:0 -175px;
	width:10px;
	}

.gTab2 .spi{
	background-position:50% -210px;
	width:2px;
	height:35px;
	display:inline-block;
	}



/* /gTab2 */



/* gBtn */

.btnCon{
	float:right;
	margin-top:10px;
	display:inline;
	}


.gBtn{
	display:inline;
	height:26px;
	width:auto;
	}

.gBtn a, .gBtn a em{background:url(../images/gBtn.png);}

.gBtn a{
	background-position:100% 0;
	display:inline-block;
	width:auto;
	height:26px;
	line-height:26px;
	font-size:11px;
	color:#34abee;
	/*text-shadow:0 1px #f9f9f9;*/
	padding:0 9px 0 30px;
	position:relative;
	}

.gBtn a:hover{
	background-position:100% -26px;
	}

.gBtn a em{
	background-position:0 -72px;
	display:inline-block;
	width:23px;
	height:26px;
	position:absolute;
	left:0;
	top:0;
	}

.gBtn a:hover em{background-position:0 -98px;}

.gBtn.new a{color:#598527;}
.gBtn.can a{color:#636363;}
.gBtn.clo a{color:#dc3522;}
.gBtn.cha a{color:#534741;}
.gBtn.rep a{color:#252525;}


.gBtn.oka em		{background-position:-23px -72px;}
.gBtn.oka a:hover em{background-position:-23px -98px;}

.gBtn.new em		{background-position:-46px -72px;}
.gBtn.new a:hover em{background-position:-46px -98px;}

.gBtn.sav em		{background-position:-69px -72px;}
.gBtn.sav a:hover em{background-position:-69px -98px;}

.gBtn.can em		{background-position:-92px -72px;}
.gBtn.can a:hover em{background-position:-92px -98px;}

.gBtn.add em		{background-position:-115px -72px;}
.gBtn.add a:hover em{background-position:-115px -98px;}

.gBtn.clo em		{background-position:-138px -72px;}
.gBtn.clo a:hover em{background-position:-138px -98px;}

.gBtn.sen em		{background-position:-161px -72px;}
.gBtn.sen a:hover em{background-position:-161px -98px;}

.gBtn.cha em		{background-position:-184px -72px;}
.gBtn.cha a:hover em{background-position:-184px -98px;}

.gBtn.rep em		{background-position:-207px -72px;}
.gBtn.rep a:hover em{background-position:-207px -98px;}

/* /gBtn */



#ModalOverlay, #ModalText, #ModalOverlayMb{
	position:fixed;
	display:none;
	}

#ModalOverlay, #ModalOverlayMb{
	background:url(../images/ModalOverlayBg.png) repeat scroll 50% 0 transparent;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1000;
	}

#ModalText{
	background:url(../images/ModalTextBg.png) 50% 50% no-repeat;
	width:400px;
	height:200px;
	top:50%;
	left:50%;
	margin:-100px 0 0 -200px;
	z-index:1001;
	}

#ModalText .con{
	padding:33px 36px;
	}

#ModalText .load{
	background: url(../images/load.gif) 50% 50% no-repeat;
	position:absolute;
	left:188px;
	top:38px;
	width:24px;
	height:24px;
	}

#ModalText table{
	width:100%;
	margin-top:24px;
	}

#ModalText td{
	text-align:center;
	height:100px;
	}




/* DraftOrder.aspx */

.totalTbl{
	background:url(../images/boxProBg.png) 0 0 repeat-x;
	border:1px solid #e1e1e1;
	padding:10px;
	display:inline-block;
	}




/* /DraftOrder.aspx */


.adjustmentDiv a{
	background:#ededed;
	padding:2px 5px;
	display:inline-block;
	margin:5px;
	}






/* global */
.gTbl{}
.gTbl th, .gTbl td{padding:2px 6px 2px 0; text-align:left; font-weight:normal;}

.fl{float:left;}
.fr{float:right;}

.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}

.clear{clear:both;}

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}

.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}

.padL5{padding:5px;}
.padL10{padding:10px;}
.padL15{padding:15px;}


a{color:#00b1ed;}


/* messagePanel */
.messagePanel, .messagePanel a, .messagePanel a em{
	background:url(../images/messagePanelBg.png);
	}

.messagePanel{
	width:341px;
	height:146px;
	padding:17px;
	z-index:1001;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-187px;
	margin-top:-90px;
	}

.messagePanel a, .messagePanel a em{
	height:23px;
	line-height:23px;
	display:inline-block;
	}

.messagePanel a{
	color:#ffffff;
	position:relative;
	padding-right:10px;
	margin:0 10px;
	min-width:50px;
	text-align:center;
	}

.messagePanel a em{
	width:10px;
	position:absolute;
	left:-10px;
	top:0;
	}

.mbSuccess		{background-position:0 0;}
.mbAlert		{background-position:0 -180px;}
.mbError		{background-position:0 -360px;}
.mbExclamation	{background-position:0 -540px;}
.mbConfirm		{background-position:0 -720px;}
.mbBlank		{background-position:0 -900px;}

.mbSuccess a			{background-position:100% -1080px;}
.mbSuccess a em			{background-position:0 -1080px;}
.mbSuccess a:hover		{background-position:100% -1218px;}
.mbSuccess a:hover em	{background-position:0 -1218px;}

.mbAlert a				{background-position:100% -1103px; color:#333333;}
.mbAlert a em			{background-position:0 -1103px;}
.mbAlert a:hover		{background-position:100% -1241px; color:#333333;}
.mbAlert a:hover em		{background-position:0 -1241px;}

.mbError a				{background-position:100% -1126px;}
.mbError a em			{background-position:0 -1126px;}
.mbError a:hover		{background-position:100% -1264px;}
.mbError a:hover em		{background-position:0 -1264px;}

.mbExclamation a		{background-position:100% -1149px;}
.mbExclamation a em		{background-position:0 -1149px;}
.mbExclamation a:hover	{background-position:100% -1287px;}
.mbExclamation a:hover em{background-position:0 -1287px;}

.mbConfirm a			{background-position:100% -1172px;}
.mbConfirm a em			{background-position:0 -1172px;}
.mbConfirm a:hover		{background-position:100% -1310px;}
.mbConfirm a:hover em	{background-position:0 -1310px;}

.mbBlank a			{background-position:100% -1195px;}
.mbBlank a em		{background-position:0 -1195px;}
.mbBlank a:hover	{background-position:100% -1333px;}
.mbBlank a:hover em	{background-position:0 -1333px;}

.messagePanel table{
	width:99%;
	}

.messagePanel table .pict{
	width:94px;
	height:145px;
	}

.messagePanel table .text{
	height:75px;
	padding-top:25px;
	color:#000000;
	}

.messagePanel table .btn{
	text-align:right;
	height:45px;
	}




/* /messagePanel */












.gHea, .gHea .l, .gHea .r{
	background:url(../images/gHeaBg.png) repeat-x;
	}

.gHea{
	background-position:0 -25px;
	height:25px;
	line-height:25px;
	width:100%;
	font-size:13px;
	color:#ffffff;
	margin:7px 0;
	position:relative;
	text-indent:10px;
	}

.gHea .l, .gHea .r{
	width:10px;
	height:25px;
	display:inline-block;
	position:absolute;
	top:0;
	}

.gHea .l{background-position:0 0; left:0;}
.gHea .r{background-position:100% -50px; right:0;}


.gHea2{
	background:url(../images/gHea2Bg.png) 0 0 repeat-x;
	height:30px;
	line-height:30px;
	width:100%;
	font-size:14px;
	color:#000000;
	margin:7px 0;
	position:relative;
	text-indent:10px;
	border:1px solid #cccccc;
	}

.gTab{
	width:100%;
	height:24px;
	display:inline-block;
	border-bottom:1px solid #3caeef;
	}

.gTab em{
	background:url(../images/gTabBg.png);
	height:25px;
	line-height:25px;
	display:inline-block;
	font-style:normal;
	color:#f5f5f5;
	float:left;
	}

.gTab .l{
	background-position:0 0;
	width:7px;
	}

.gTab .c{
	background-position:0 -25px;
	}

.gTab .r{
	background-position:0 -50px;
	width:25px;
	}

/* gInfo */

.gInfo, .gInfo .l, .gInfo .r{
	background:url(../images/gInfoBg.png);
	height:25px;
	line-height:25px;
	display:inline-block;
	}

.gInfo{
	background-position:0 -25px;
	position:relative;
	margin:0 7px 0 22px;
	padding-left:3px;
	}


.gInfo .l{
	background-position:0 0;
	position:absolute;
	top:0;
	left:-22px;
	width:22px;
	}

.gInfo .r{
	background-position:100% -50px;
	position:absolute;
	top:0;
	right:-7px;
	width:7px;
	}



input, select, textarea{
	background:url(../images/bgInput.png) 0 0 repeat;
	border:1px solid #d9d9d9;
	font-family:Segoe UI, Tahoma;
	font-size:12px;
	color:#252525;
	padding:3px;
	}

/*input:hover, select:hover, textarea:hover{
	border-color:#c2c2c2;
	}*/

input:focus, select:focus, textarea:focus{
	-moz-box-shadow: 0 0 3px #9eceeb;
	-webkit-box-shadow: 0 0 3px #9eceeb;
	box-shadow: 0 0 3px #9eceeb;
	/*border:1px solid #ffffff;*/
	}



input[type=button]{
	background:url(../images/bgInputBtn.jpg) 0 0 repeat-x;
	border:1px solid #495e6c;
	font-family:Segoe UI, Tahoma;
	font-size:12px;
	color:#252525;
	padding:3px;
	}

.btnImg{
	background:none !important;
	border:0 !important;
	}



.tooltip, .tooltip.bottom{
	background:#f5f5f5;
	border:1px solid #ffffff;
	padding:5px 3px;
	-moz-box-shadow:#cccccc 0 0 5px;
	margin-top:-10px;
	}

.tooltip {}
.tooltip.bottom {}


.disnone{display:none;}
.ffffff{background:#ffffff;}


.gPHea{
	position:relative;
	display:inline-block;
	*display:inline;
	width:auto;
	float:left;
	}

.gPHea h1, .gPHea em{
	background:url(../images/gPHeaBg.png) no-repeat;
	height:48px;
	line-height:46px;
	color:#ffffff;
	font-size:16px;
	display:inline-block;
	}

.gPHea h1{
	background-position:100% 0;
	padding:0 19px 0 6px;
	*display:inline;
	}

.gPHea em{
	background-position:0 0;
	width:13px;
	position:absolute;
	left:-8px;
	top:0;
	}

/* /global */




